<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8"/>
    <title>Krajee JQuery Plugins - &copy; Kartik</title>
    <!--<link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">

    <link th:href="@{/build/css/fileinput.css}" rel="stylesheet"/>
    <script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>

    <script th:src="@{/build/js/fileinput.js}" type="text/javascript"></script>
    <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js" type="text/javascript"></script>-->

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
    <link th:href="@{/build/css/fileinput.css}" media="all" rel="stylesheet" type="text/css"/>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link th:href="@{/build/themes/explorer-fa/theme.css}" media="all" rel="stylesheet" type="text/css"/>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <!--<script th:src="@{/vendors/iCheck/icheck.min.js}" type="text/javascript"></script>-->

    <!--<script th:src="@{/build/js/plugins/sortable.js}" type="text/javascript"></script>
    <script th:src="@{/build/js/fileinput.js}" type="text/javascript"></script>

    <script th:src="@{/build/themes/explorer-fa/theme.js}" type="text/javascript"></script>
    <script th:src="@{/build/themes/fa/theme.js}" type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>


    <link th:href="@{/build/css/jquery.slideBox.css}" media="all" rel="stylesheet" type="text/css"/>
    <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
    <script th:src="@{/build/js/jquery.slideBox.js}" type="text/javascript"></script>-->

    <!--<link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" />-->
    <!--<link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.css" rel="stylesheet" />-->
    <!--<link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" />-->
    <!--<link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" />-->
    <!--<link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet" />-->
    <!--<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/npm.js"></script>-->
<!--    <script src="https://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.js"></script>-->


    <link th:href="@{/build/css/zoomify.min.css}" rel="stylesheet"/>
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script th:src="@{/build/js/zoomify.min.js}" type="text/javascript"></script>


    <script>
        jQuery(function($){
            $('#demo1').slideBox();
            $('#demo2').slideBox({
                direction : 'top',//left,top#方向
                duration : 0.3,//滚动持续时间，单位：秒
                easing : 'linear',//swing,linear//滚动特效
                delay : 5,//滚动延迟时间，单位：秒
                startIndex : 1//初始焦点顺序
            });
            $('#demo3').slideBox({
                duration : 0.3,//滚动持续时间，单位：秒
                easing : 'linear',//swing,linear//滚动特效
                delay : 5,//滚动延迟时间，单位：秒
                hideClickBar : false,//不自动隐藏点选按键
                clickBarRadius : 10
            });
            $('#demo4').slideBox({
                hideBottomBar : true//隐藏底栏
            });
        });
    </script>
</head>
<body>
<!-- 代码 开始 -->
<div class="hot-page2-hom-pre-1 example">
    <img src="images/hotels/1.jpg" th:src="@{/build/img/iplace-1.jpg}">
</div>
<table>
    <thead>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </thead>

    <tbody>
        <tr>
            <td>412</td>
            <td><a target="_blank" href="http://rarbg.is/torrent/k827unt"><span>AllOver30.18.02.26.Abi.Toyne.XXX.1080p.MP4-KTR
    Mature</span></a></td>
            <td><span>2018-02-26 07:50:43</span></td>
            <td>633.64 MB</td>
            <td>43</td>
            <td>64</td>
            <td><a class="btn btn-small btn-warning" href="magnet:?xt=urn:btih:4d4891727f79177e88cb889be19a92c26a8221dd&amp;dn=AllOver30.18.02.26.Abi.Toyne.XXX.1080p.MP4-KTR&amp;tr=http%3A%2F%2Ftracker.trackerfix.com%3A80%2Fannounce&amp;tr=udp%3A%2F%2F9.rarbg.me%3A2710&amp;tr=udp%3A%2F%2F9.rarbg.to%3A2710">磁力链地址</a></td>
            <td><a class="btn btn-small btn-info" href="http://rarbg.is/download.php?id=k827unt&amp;f=AllOver30.18.02.26.Abi.Toyne.XXX.1080p.MP4-KTR-[rarbg.to].torrent">下载种子</a></td>
            <td class="example"><img th:src="@{/build/img/iplace-1.jpg}" src="http://dyncdn.me/posters2/4/4d4891727f79177e88cb889be19a92c26a8221dd.jpg" class="img-rounded" style="height:30px;width: auto" /> </td>
        </tr>
    </tbody>

</table>




<!--
<h3>一、左右轮播，滚动持续0.6秒，滚动延迟3秒，滚动效果swing，初始焦点第1张，点选按键自动隐藏，按键边框半径（IE8-只方不圆）5px（以上各项为默认设置值）</h3>
<div id="demo1" class="slideBox">
    <ul class="items">
        <li><a href="http://www.jq22.com/" title="这里是测试标题一"><img src="/build/img/iplace-1.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题二"><img src="/build/img/iplace-2.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题三"><img src="/build/img/iplace-3.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题四"><img src="/build/img/iplace-4.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题五"><img src="/build/img/iplace-5.jpg"></a></li>
    </ul>
</div>
<h3>二、上下轮播，滚动持续0.3秒，滚动延迟5秒，滚动效果linear，初始焦点第2张，点选按键自动隐藏</h3>
<div id="demo2" class="slideBox">
    <ul class="items">
        <li><a href="http://www.jq22.com/" title="这里是测试标题一"><img src="img/1.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题二"><img src="img/2.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题三"><img src="img/3.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题四"><img src="img/4.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题五"><img src="img/5.jpg"></a></li>
    </ul>
</div>
<h3>三、左右轮播，滚动持续0.3秒，滚动延迟5秒，滚动效果linear，初始焦点第1张，点选按键不隐藏，按键边框半径10px（圆形）</h3>
<div id="demo3" class="slideBox">
    <ul class="items">
        <li><a href="http://www.jq22.com/" title="这里是测试标题一"><img src="img/1.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题二"><img src="img/2.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题三"><img src="img/3.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题四"><img src="img/4.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题五"><img src="img/5.jpg"></a></li>
    </ul>
</div>
<h3>四、隐藏底栏</h3>
<div id="demo4" class="slideBox">
    <ul class="items">
        <li><a href="http://www.jq22.com/" title="这里是测试标题一"><img src="img/1.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题二"><img src="img/2.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题三"><img src="img/3.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题四"><img src="img/4.jpg"></a></li>
        <li><a href="http://www.jq22.com/" title="这里是测试标题五"><img src="img/5.jpg"></a></li>
    </ul>
</div>
-->
<script type="text/javascript">
    $('.example img').zoomify();
</script>
<!-- 代码 结束 -->
<!--可删除-->
<script src="http://www.jq22.com/js/jq.js"></script>
<!--ecd 可删除-->


</body>
</html>